<template>
	<myView :width="width" :height="height" :marginTop="marginTop" :marginRight="marginRight"
		:marginBottom="marginBottom" :marginLeft="marginLeft" :border="border" :borderRedius="borderRedius"
		:overflow="(borderRedius || height)? 'hidden' : ''">

	</myView>
</template>

<script>
	export default {
		name: "traffic",
		props: {
			// 0激励广告 1插屏广告 2视频贴片广告 3 原生模板广告
			type: {
				type: String,
				default: '',
			},
			width: {
				type: [String, Number],
				default: ''
			},
			height: {
				type: [String, Number],
				default: ''
			},
			marginTop: {
				type: [String, Number],
				default: ''
			},
			marginRight: {
				type: [String, Number],
				default: ''
			},
			marginBottom: {
				type: [String, Number],
				default: ''
			},
			marginLeft: {
				type: [String, Number],
				default: ''
			},
			border: {
				type: String,
				default: ''
			},
			borderRedius: {
				type: String,
				default: ''
			}
		},
		data() {
			return {
				trafficList: [{
					type: '激励广告',
					unitId: ''
				}, {
					type: '插屏广告',
					unitId: ''
				}, {
					type: '视频贴片广告',
					unitId: ''
				}, {
					type: '原生模板广告',
					unitId: ''
				}]
			};
		}
	}
</script>

<style lang="scss">

</style>